<template>
	<el-dialog :visible.sync="options.showDialog" width="600px" class="resume">
		<h3 class="resume-title">{{options.title}}</h3>
		<ul class="resume-list clearfix">
			<li v-for="(item,index) in options.list" :key="index">
				<a :href="item.resumeUrl" target="_blank">{{item.resumeName}}</a>
			</li>
			<li class="no-data" v-if="options.list.length == 0">
				<p>暂无数据！</p>
			</li>
		</ul>
	</el-dialog>
</template>

<script>
export default{
	props:{
		options:{
			require: true,
			type: Object
		}
	}
}
</script>

<style scoped="scoped">
.resume-title{height: 60px;line-height: 60px;text-align: center;font-size: 16px;border-bottom: 1px solid #D2D2D2;}
.resume-list{min-height: 300px;}
.resume-list li{line-height: 40px;height: 40px;text-indent: 28px;}
.resume-list li a{text-decoration: none;}
.resume-list .no-data{text-align: center;text-indent: 0;margin-top: 50px;}
</style>
